﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../../css/public.css">
    <meta charset="UTF-8">
    <title>流程审批</title>
    <style>
        .box{
            width:50%;
            min-height:50px;
            text-align: center;
            position: relative;
        }
        .container{
            background:rgb(46,182,185);
            padding:10px 0;
            position: relative;
        }
        .itembox{
            position: relative;
        }
        .item{
            z-index:-1;
            border-right:1px solid rgb(233,233,233);
            border-bottom:1px solid rgb(233,233,244);
            position: absolute;
        }
        .pic1{
            width:40%;
            margin:0 auto;
            display: block;
        }
        /*.pic1:before{
            content: "1";
            width:12px;
            height: 12px;
            background: #f00;
            border-radius: 50%;
            position: absolute;
            right:12px;
            top:12px;
        }*/
        .text1{
            font-size:14px;
            color:#fff;
        }
        .pic2{
            width:40%;
            display:block;
            margin:0 auto;
            padding-top:25%;
        }
        .text2{
            line-height: 20px;
            font-size: 14px;
            text-align: center;
        }
        .pic2:last-child{
            padding-top: 20%;
        }
        h1{
            color:#fff;
        }
        .tleheader{
            background: rgb(46,182,185);
            border:none;
        }
        .point{
            width:14px;
            height:14px;
            border-radius: 50%;
            background: #f00;
            position: absolute;
            top:0;
            right:28%;
            color:#fff;
            font-size: 10px;
        }
    </style>
</head>
<body>
    <header class="tleheader">
        <p class="backbtn"><a style="margin:0;">
            <img src="../../icon/arrow/zjt.PNG" class="backpic" alt="">
            <span>返回</span></a>
        </p>
        <h1 class="tc" style="border: none;padding:0;color:#fff;">流程审批</h1>
        <p class="somebtn">
            <a href="yyxmbjztsz.html">统计报表</a>
        </p>
    </header>
    <div class="container">
        <div class="box fl">
            <img src="../../icon/job/dwsp.png" class="pic1" alt="">
            <p class="text1">待我审批</p>
            <span class="point">1</span>
        </div>
        <div class="box fl">
            <img src="../../icon/job/wfqd.png" class="pic1" alt="">
            <p class="text1">我发起的</p>
            <span class="point">1</span>
        </div>
        <div class="clear"></div>
    </div>
    <div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/请假.PNG" class="pic2" alt="">
                <p class="text2">请假</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/报销.PNG" class="pic2" alt="">
                <p class="text2">报销</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/备用金.PNG" class="pic2" alt="">
                <p class="text2">备用金</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/保证金.PNG" class="pic2" alt="">
                <p class="text2">保证金</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/用章申请.PNG" class="pic2" alt="">
                <p class="text2">用章申请</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/资金使用.PNG" class="pic2" alt="">
                <p class="text2">资金使用</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/合同流转.PNG" class="pic2" alt="">
                <p class="text2">合同流转</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/立项开工.PNG" class="pic2" alt="">
                <p class="text2">立项开工</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/协作申请.PNG" class="pic2" alt="">
                <p class="text2">协作申请</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/采购申请.PNG" class="pic2" alt="">
                <p class="text2">采购申请</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/物资领用.PNG" class="pic2" alt="">
                <p class="text2">物资领用</p>
            </div>
        </div>
        <div class="itembox fl">
            <div class="item">
                <img src="../../liuchengshenpi/gzq/更多.PNG" class="pic2" alt="">
            </div>
        </div>
        <div class="clear"></div>
    </div>

<!--<div class="fb">-->
    <!--<div class="itembox2 fl">-->
        <!--<div class="item1">-->
            <!--<img src="../../renmaiquan/gzq-ls.PNG" class="picb" alt="">-->
            <!--<p class="textb">工作圈</p>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="itembox2 fl">-->
        <!--<div class="item1">-->
            <!--<img src="../../renmaiquan/rmq-hs.PNG" class="picb" alt="">-->
            <!--<p class="textb cg">人脉圈</p>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="itembox2 fl">-->
        <!--<div class="item1">-->
            <!--<img src="../../renmaiquan/xmq-hs.PNG" class="picb" alt="">-->
            <!--<p class="textb cg">项目圈</p>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="itembox2 fl">-->
        <!--<div class="item1">-->
            <!--<img src="../../renmaiquan/wxq-hs.PNG" class="picb" alt="">-->
            <!--<p class="textb cg">外协圈</p>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="itembox2 fl">-->
        <!--<div class="item1">-->
            <!--<img src="../../renmaiquan/wd-hs.PNG" class="picb" alt="">-->
            <!--<p class="textb cg">我的</p>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="clear"></div>-->
<!--</div>-->
    <style type="text/css">
        .itembox2 .picb{
            width:40%;
            display:block;
            margin:0 auto;
            padding-top:6%;
        }
        .textb{
            font-size: 8px;
            text-align: center;
        }
        .cg{
            color:rgb(167,167,167);
        }
        .itembox2{
            position: relative;
            width:20%;
        }
        .fb{
            padding:2px 0;
        }
    </style>
<script type="text/javascript" src="../../js/back.js"></script>
    <script>
        var sw = document.body.offsetWidth;
        var items = document.getElementsByClassName("itembox");
        var item = document.getElementsByClassName("item");
        for(var i = 0; i < items.length; i++){
            items[i].style.width = sw/3 + "px";
            items[i].style.height = sw/3 + "px";
            item[i].style.width = sw/3 + "px";
            item[i].style.height = sw/3 + "px";
            if((i+1)%3==0){
                item[i].style.borderRight = "none";
            }
        }
    </script>
</body>
</html>